<template>
  <div class="process">
    <h3>{{ $t("language.business.title1") }}</h3>
    <p>{{ $t("language.business.step1") }}</p>
    <p>{{ $t("language.business.step2") }}</p>
    <p>{{ $t("language.business.step3") }}</p>
    <NuxtImg src="/img/bb1.png" alt="" />
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.process {
  position: relative;
  color: #fff;
  width: 100%;
  h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
  }
  p {
    width: 100%;
    background-color: rgb(39, 43, 47);
    height: 36px;
    @include flex(row, flex-start, center);
    font-size: 12px;
    padding: 0 10px;
    border-radius: 18px;
    border: 1px solid #3d4148;
    color: #b5bacb;
  }
  p {
    margin-top: 30px;
  }
  img {
    width: 60%;
    display: block;
    margin: 90px auto 0;
  }
}
</style>
